Reviewing Open Saas code by sodic · Pull Request #369 · wasp-lang/open-saas

sodic · 2025-02-17T13:22:40Z

No description provided.

sodic · 2025-02-17T19:42:18Z

+ - Make sure you have the `.env.client` and `.env.server` files with correct dev values in the root of the project.
+ - Run the database with `wasp start db` and leave it running.
+ - Run `wasp start` and leave it running.
+ - [OPTIONAL]: If this is the first time starting the app, or you've just made changes to your entities/prisma schema, also run `wasp db migrate-dev`.


Optional is probably not the right word here, since it's mandatory when it's mandatory, and has no effect otherwise.

sodic · 2025-02-17T23:35:38Z

+  if (!context.user) {
+    throw new HttpError(401);
+  }
+
+  if (!context.user.isAdmin) {
+    throw new HttpError(403);
+  }


Until we get a proper middleware, we should probably cook up our own decorators for this (or at least call a function that checks everything and throws.

sodic · 2025-02-17T23:36:01Z

+  const updatedUser = await context.entities.User.update({
+    where: {
+      id,
+    },
+    data: {
+      isAdmin: data.isAdmin,
+    },
+  });
+
+  return updatedUser;


updatedUser can be returned directly, meaning that the await is redundant as well.

sodic · 2025-02-17T23:36:40Z

+  return updatedUser;
+};
+
+export const updateCurrentUserLastActiveTimestamp: UpdateCurrentUserLastActiveTimestamp<Pick<User, 'lastActiveTimestamp'>, User> = async ({ lastActiveTimestamp }, context) => {


We have plenty of long lines in this file (and other files). How come prettier doesn't take care of it? We should look into that

sodic · 2025-02-18T00:30:49Z

+  const trigger = useRef<any>(null);
+  const dropdown = useRef<any>(null);
+
+  const toggleDropdown = () => setDropdownOpen((prev) => !prev);


I might be wrong, but I have a feeling React has a more native support for this (more precisely, I don't think we need this wrapper).

sodic · 2025-02-18T00:31:41Z

+  const trigger = useRef<any>(null);
+  const dropdown = useRef<any>(null);


This is strange, both because of useRef (which should be used with cautionandany`.

sodic · 2025-02-18T00:32:10Z

+          <span className='block text-sm font-medium dark:text-white'>{user.username}</span>
+        </span>
+        <CgProfile size='1.1rem' className='ml-1 mt-[0.1rem] dark:text-white' />
+        <svg


Again , we should probably extract SVGs into their own files.

sodic · 2025-02-18T00:37:03Z

+  );
+};
+
+export default DropdownUser;


I advise against using defualt exports.

sodic · 2025-02-18T00:45:13Z

TODO: Continue tomorrow (stopped at DropdownUser)

sodic

Second pass, superficial review of most modules.

sodic · 2025-02-18T15:39:44Z

+export const paymentsWebhook = paymentProcessor.webhook;
+export const paymentsMiddlewareConfigFn = paymentProcessor.webhookMiddlewareConfigFn;


This pattern looks weird, I should investigate what's going on here.

sodic · 2025-02-18T15:40:34Z

@@ -0,0 +1,8 @@
+export function requireNodeEnvVar(name: string): string {


I think something like this is now supported through Wasp via Zod.

sodic · 2025-02-18T15:47:43Z

+  const firstName = faker.person.firstName();
+  const lastName = faker.person.lastName();
+  const subscriptionStatus = faker.helpers.arrayElement<SubscriptionStatus | null>(['active', 'cancel_at_period_end', 'past_due', 'deleted', null]);
+  const now = new Date();
+  const createdAt = faker.date.past({ refDate: now });
+  const lastActiveTimestamp = faker.date.between({ from: createdAt, to: now });
+  const credits = subscriptionStatus ? 0 : faker.number.int({ min: 0, max: 10 });
+  const hasUserPaidOnStripe = !!subscriptionStatus || credits > 3 


Seems like some of these are redundant.

sodic · 2025-02-18T15:48:33Z

+export const DocsUrl = 'https://docs.opensaas.sh';
+export const BlogUrl = 'https://docs.opensaas.sh/blog';


These should be in all caps or in camelCase.

sodic · 2025-02-18T15:49:20Z

+ * For more info see: https://wasp.sh/docs/data-model/backends#seeding-the-database
+ */
+export async function seedMockUsers(prismaClient: PrismaClient) {
+  await Promise.all(generateMockUsersData(50).map((data) => 


The await is redundant.

sodic · 2025-02-18T16:16:25Z

+              const priorityOrder = ['low', 'medium', 'high'];
+              if (a.props.mainTask.priority && b.props.mainTask.priority) {
+                return (
+                  priorityOrder.indexOf(b.props.mainTask.priority) - priorityOrder.indexOf(a.props.mainTask.priority)
+                );
+              } else {
+                return 0;
+              }
+            })


This should probably be its own function.

sodic · 2025-02-18T16:16:29Z

+        )}
+      </table>
+
+      {/* ))} */}


What's this for?

sodic · 2025-02-18T16:19:32Z

+  const shouldDisplayAppNavBar = useMemo(() => {
+    return location.pathname !== routes.LoginRoute.build() && location.pathname !== routes.SignupRoute.build();
+  }, [location]);
+
+  const isAdminDashboard = useMemo(() => {
+    return location.pathname.startsWith('/admin');
+  }, [location]);


Why useMemo, was there a performance hit?

sodic · 2025-02-18T16:19:44Z

+    return location.pathname.startsWith('/admin');
+  }, [location]);
+
+  useEffect(() => {


We should name the useEffect.

sodic · 2025-02-18T16:20:04Z

+      const lastSeenAt = new Date(user.lastActiveTimestamp);
+      const today = new Date();
+      if (today.getTime() - lastSeenAt.getTime() > 5 * 60 * 1000) {
+        updateCurrentUserLastActiveTimestamp({ lastActiveTimestamp: today });


As mentioned, the timestamp sould be calculated on the backend.

sodic · 2025-02-19T09:03:20Z

I don't think we need this

sodic · 2025-02-19T09:19:36Z

+
+const Header = (props: {
+  sidebarOpen: string | boolean | undefined;
+  setSidebarOpen: (arg0: boolean) => void;


We should name the argument.

sodic · 2025-02-19T09:20:10Z

+  // close on click outside
+  useEffect(() => {


We should name the useEffect.

Applies to other places too.

sodic · 2025-02-19T09:20:35Z

+  const trigger = useRef<any>(null);
+  const sidebar = useRef<any>(null);


We should remove the anys.

sodic · 2025-02-19T09:20:58Z

+  const trigger = useRef<any>(null);
+  const sidebar = useRef<any>(null);
+
+  const storedSidebarExpanded = localStorage.getItem('sidebar-expanded');


This probably isn't the best way to do this in React.

Applies to other places too.

sodic · 2025-02-19T09:27:26Z

+    }
+  }, [sidebarExpanded]);
+
+  return (


The component body is too long, we should break it up.

sodic · 2025-02-19T09:30:01Z

+import { useState } from 'react';
+import { cn } from '../../../client/cn';
+
+const CheckboxOne = () => {


I don't know how checkbox are done these days, but this seems like a lot.

sodic · 2025-02-19T09:30:22Z

+const FormElements = ({ user }: { user: AuthUser }) => {
+  useRedirectHomeUnlessUserIsAdmin({ user });
+
+  return (


Long component, we should break it up.

sodic · 2025-02-19T09:30:33Z

+import { useRedirectHomeUnlessUserIsAdmin } from '../../useRedirectHomeUnlessUserIsAdmin';
+
+const FormElements = ({ user }: { user: AuthUser }) => {
+  useRedirectHomeUnlessUserIsAdmin({ user });


Perhaps it makes sense extracting this into a decorator.

Maybe it's even something Wasp should add first -lass support for.

sodic · 2025-02-19T09:32:21Z

+import { useState } from 'react';
+import { cn } from '../../../client/cn';
+
+const SwitcherTwo = () => {


Can we make these components names more informative (e.g., SwitcherOne, CheckboxOne). I don't know what they do. Perhaps they're different designs of the same functionality. If that's the case, we should maybe somehow extract this functionality.

sodic · 2025-02-19T09:33:16Z

+    let userDelta = userCount;
+    let paidUserDelta = paidUserCount;


Doesn't seem like these guys should be lets.

sodic · 2025-02-19T09:34:02Z

+
+    let userDelta = userCount;
+    let paidUserDelta = paidUserCount;
+    if (yesterdaysStats) {


The condition could be more explicit.

sodic · 2025-02-19T09:34:44Z

+        totalRevenue = await fetchTotalLemonSqueezyRevenue();
+        break;
+      default:
+        throw new Error(`Unsupported payment processor: ${paymentProcessor.id}`);


We should add an exhaustiveness check.

sodic · 2025-02-19T09:35:05Z

+        throw new Error(`Unsupported payment processor: ${paymentProcessor.id}`);
+    }
+
+    const { totalViews, prevDayViewsChangePercent } = await getDailyPageViews();


This function is getting pretty long, we should break it up.

sodic · 2025-02-19T09:36:06Z

+    await context.entities.Logs.create({
+      data: {
+        message: `Error calculating daily stats: ${error?.message}`,
+        level: 'job-error',


Double-check if these levels are enumerated somewhere.

sodic · 2025-02-19T09:36:24Z

+  };
+
+  let hasMore = true;
+  while (hasMore) {


This function should probably be refactored.

sodic · 2025-02-19T09:37:02Z

+    let hasNextPage = true;
+    let currentPage = 1;
+
+    while (hasNextPage) {


Another while here (and a lot of lets), chances are we could improve it.

sodic · 2025-02-19T09:37:51Z

+// import { getDailyPageViews, getSources } from './providers/googleAnalyticsUtils';
+import { paymentProcessor } from '../payment/paymentProcessor';
+
+export type DailyStatsProps = { dailyStats?: DailyStats; weeklyStats?: DailyStats[]; isLoading?: boolean };


We could improve this type, it currently allows invalid states.

sodic · 2025-02-19T09:38:27Z

+    },
+  });
+  if (!dailyStats) {
+    console.log('\x1b[34mNote: No daily stats have been generated by the dailyStatsJob yet. \x1b[0m');


Inline ANSI symbols look weird without a name/function describing them.

sodic · 2025-02-19T09:39:59Z

+
+async function getTotalPageViews() {
+  const response = await fetch(
+    `${PLAUSIBLE_BASE_URL}/v1/stats/aggregate?site_id=${PLAUSIBLE_SITE_ID}&metrics=pageviews`,


Constructing URLs like this is potentially dangerous. We should use new URL.

sodic · 2025-02-19T09:40:17Z

+  if (!response.ok) {
+    throw new Error(`HTTP error! Status: ${response.status}`);
+  }
+  const data = (await response.json()) as PageViewsResult;


Unnecessary assertion.

sodic · 2025-02-19T09:40:58Z

+const headers = {
+  'Content-Type': 'application/json',
+  Authorization: `Bearer ${PLAUSIBLE_API_KEY}`,
+};


This is repeated in several places, we should extract and specify a type for it.

sodic · 2025-02-19T09:41:21Z

+
+export async function getSources() {
+  const [response] = await analyticsDataClient.runReport({
+    property: `properties/${PROPERTY_ID}`,


Possible problems here, we should validate this env var with Zod.

sodic · 2025-02-19T09:41:32Z

+    ],
+  });
+
+  let activeUsersPerReferrer: any[] = [];


Another any.

sodic · 2025-02-19T09:42:10Z

+  });
+  let totalViews = 0;
+  if (response?.rows) {
+    // @ts-ignore


I see many ts-ignores in this file.

sodic · 2025-02-19T09:42:22Z

+  let viewsFromYesterday;
+  let viewsFromDayBeforeYesterday;


I see many lets in this file.

sodic · 2025-02-19T10:17:31Z

+    root: 'body',
+    autoShow: true,
+    disablePageInteraction: false,
+    hideFromBots: import.meta.env.PROD ? true : false, // Set this to false for dev/headless tests otherwise the modal will not be visible.


Seems like a redundant ternary operator. But we should validate the env var with Zod.

sodic · 2025-02-19T10:18:00Z

+        services: {
+          ga: {
+            label: 'Google Analytics',
+            onAccept: () => {


Is this code provided by Google or did we write it ourselves?

sodic · 2025-02-19T10:18:29Z

+        <input
+          type='checkbox'
+          onChange={() => {
+            if (typeof setColorMode === 'function') {


Why is this check necessary?

sodic · 2025-02-19T10:20:11Z

+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../../../client/cn';
+
+const DropdownDefault = () => {


The code is this component looks very familiar, I think it's duplicated somewhere else.

sodic · 2025-02-19T10:20:23Z

+  const trigger = useRef<any>(null);
+  const dropdown = useRef<any>(null);


We shouldn't be using any.

sodic · 2025-02-19T10:21:13Z

+  const [skip, setskip] = useState(0);
+  const [page, setPage] = useState(1);


The pagination should most likely be its own hook.

sodic · 2025-02-19T10:21:27Z

+  const [email, setEmail] = useState<string | undefined>(undefined);
+  const [isAdminFilter, setIsAdminFilter] = useState<boolean | undefined>(undefined);


Better to use null than undefined.

sodic · 2025-02-19T10:21:50Z

+                  onChange={(e) => {
+                    const targetValue = e.target.value === '' ? null : e.target.value;
+                    setStatusOptions((prevValue) => {
+                      if (prevValue?.includes(targetValue as SubscriptionStatus)) {
+                        return prevValue?.filter((val) => val !== targetValue);
+                      } else if (!!prevValue) {
+                        return [...prevValue, targetValue as SubscriptionStatus];
+                      } else {
+                        return prevValue;
+                      }
+                    });
+                  }}


This is a lot of code for an annonymous function.

sodic · 2025-02-19T10:22:25Z

This code should be under the same mode as the server-side code used to calculate the analytics.

sodic · 2025-02-19T10:23:51Z

+  const daysOfWeekArr = useMemo(() => {
+    if (!!weeklyStats && weeklyStats?.length > 0) {
+      const datesArr = weeklyStats?.map((stat) => {
+        // get day of week, month, and day of month
+        const dateArr = stat.date.toString().split(' ');
+        return dateArr.slice(0, 3).join(' ');
+      });
+      return datesArr;
+    }
+  }, [weeklyStats]);


Many magic numbers and complex conditions in this function. We should extract variables.

sodic · 2025-02-19T10:24:11Z

+    if (!!daysOfWeekArr && daysOfWeekArr?.length > 0 && !!dailyRevenueArray && dailyRevenueArray?.length > 0) {
+      setChartOptions({
+        ...options,
+        xaxis: {
+          ...options.xaxis,
+          categories: daysOfWeekArr,
+        },
+        yaxis: {
+          ...options.yaxis,
+          // get the min & max values to the neareast hundred 
+          max: Math.ceil(Math.max(...dailyRevenueArray) / 100) * 100,
+          min: Math.floor(Math.min(...dailyRevenueArray) / 100) * 100,
+        },
+      });
+    }
+  }, [daysOfWeekArr, dailyRevenueArray]);


This is very complex for an annonymous function.

sodic · 2025-02-19T10:24:28Z

+  }[];
+}
+
+const RevenueAndProfitChart = ({ weeklyStats, isLoading }: DailyStatsProps) => {


This component is pretty long, we should break it up.

sodic · 2025-02-19T10:24:48Z

@@ -0,0 +1,47 @@
+import { type PageViewSource } from 'wasp/entities';
+
+const SourcesTable = ({ sources }: { sources: PageViewSource[] | undefined }) => {


Why leave the option of passing in undefined?

sodic · 2025-02-19T10:25:08Z

+type PageViewsStats = {
+  totalPageViews: number | undefined;
+  prevDayViewsChangePercent: string | undefined;
+};


This type is imprecise, it allows invalid states.

sodic · 2025-02-19T10:25:29Z

+  const isDeltaPositive = useMemo(() => {
+    return !!dailyStats?.paidUserDelta && dailyStats?.paidUserDelta > 0;
+  }, [dailyStats]);


I don't think this useMemo is necessary.

sodic · 2025-02-19T10:25:54Z

+  const isDeltaPositive = useMemo(() => {
+    if (!weeklyStats) return false;
+    return (weeklyStats[0].totalRevenue - weeklyStats[1]?.totalRevenue) > 0;
+  }, [weeklyStats]);


There's some repetitino here, we shuold look into that.

sodic · 2025-02-19T10:26:10Z

+  const deltaPercentage = useMemo(() => {
+    if ( !weeklyStats || weeklyStats.length < 2 || isLoading) return;
+    if ( weeklyStats[1]?.totalRevenue === 0 || weeklyStats[0]?.totalRevenue === 0 ) return 0;
+
+    weeklyStats.sort((a, b) => b.id - a.id);
+
+    const percentage = ((weeklyStats[0].totalRevenue - weeklyStats[1]?.totalRevenue) / weeklyStats[1]?.totalRevenue) * 100;
+    return Math.floor(percentage);
+  }, [weeklyStats]);


A lot of code for an annonymous function.

sodic · 2025-02-19T10:26:30Z

+  const isDeltaPositive = useMemo(() => {
+    return !!dailyStats?.userDelta && dailyStats.userDelta > 0;
+  }, [dailyStats]);


More repetition here, we should look into that.

sodic · 2025-02-19T10:27:33Z

+      <VerifyEmailForm />
+      <br />
+      <span className='text-sm font-medium text-gray-900'>
+        If everything is okay, <WaspRouterLink to={routes.LoginRoute.to} className='underline'>go to login</WaspRouterLink>


Can we somehow detect whether everything's ok?

Could we log the user in automatically without telling them to do it themselves?

sodic · 2025-02-19T10:27:51Z

+      <ResetPasswordForm />
+      <br />
+      <span className='text-sm font-medium text-gray-900'>
+        If everything is okay, <WaspRouterLink to={routes.LoginRoute.to}>go to login</WaspRouterLink>


Same questions I had for the EmailVerificationPage.

sodic · 2025-02-19T10:28:38Z

+  username: (data: any) => data.email,
+  isAdmin: (data: any) => adminEmails.includes(data.email),
+  email: (data: any) => data.email,


A lot of anys here.

sodic · 2025-02-19T10:30:21Z

+    ContentType: `${fileType}`,
+  };
+  const command = new PutObjectCommand(s3Params);
+  const uploadUrl = await getSignedUrl(s3Client, command, { expiresIn: 3600,});


What time is 3600 here? We should document it.

I'm guessing it's an hour. Why so long?

sodic · 2025-02-19T10:30:55Z

+    Key: key,
+  };
+  const command = new GetObjectCommand(s3Params);
+  return await getSignedUrl(s3Client, command, { expiresIn: 3600 });


Unnecessary await.

sodic · 2025-02-19T10:31:03Z

+  return { uploadUrl, key: Key };
+}
+
+export const getDownloadFileSignedURLFromS3 = async ({ key }: { key: string }) => {


Missing return type.

sodic · 2025-02-19T10:31:15Z

+  userInfo: string;
+}
+
+export const getUploadFileSignedURLFromS3 = async ({fileType, userInfo}: S3Upload) => {


Missing return type (I think this applies to a lot of code).

sodic · 2025-02-19T10:33:04Z

+  useEffect(() => {
+    allUserFiles.refetch();
+  }, []);
+
+  useEffect(() => {
+    if (fileKeyForS3.length > 0) {
+      refetchDownloadUrl()
+        .then((urlQuery) => {
+          switch (urlQuery.status) {
+            case 'error':
+              console.error('Error fetching download URL', urlQuery.error);
+              alert('Error fetching download');
+              return;
+            case 'success':
+              window.open(urlQuery.data, '_blank');
+              return;
+          }
+        })
+        .finally(() => {
+          setFileKeyForS3('');
+        });
+    }
+  }, [fileKeyForS3]);


Unnamed useEffects, missing exhaustiveness check, possibility for early returns, we should kick out then and finally in favor of async/await.

sodic · 2025-02-19T10:34:15Z

+      }
+
+      await uploadFileWithProgress({ file, setUploadProgressPercent });
+      formElement.reset();


Weird stuff happening with the form here, we should investigate.

sodic · 2025-02-19T10:34:38Z

+              <h2 className='text-xl font-bold'>Uploaded Files</h2>
+              {allUserFiles.isLoading && <p>Loading...</p>}
+              {allUserFiles.error && <p>Error: {allUserFiles.error.message}</p>}
+              {!!allUserFiles.data && allUserFiles.data.length > 0 && !allUserFiles.isLoading ? (
+                allUserFiles.data.map((file: File) => (
+                  <div
+                    key={file.key}
+                    className={cn(
+                      'flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3',
+                      {
+                        'opacity-70': file.key === fileKeyForS3 && isDownloadUrlLoading,
+                      }
+                    )}
+                  >
+                    <p>{file.name}</p>
+                    <button
+                      onClick={() => setFileKeyForS3(file.key)}
+                      disabled={file.key === fileKeyForS3 && isDownloadUrlLoading}
+                      className='min-w-[7rem] text-sm text-gray-800/90 bg-purple-50 shadow-md ring-1 ring-inset ring-slate-200 py-1 px-2 rounded-md hover:bg-purple-100 duration-200 ease-in-out focus:outline-none focus:shadow-none hover:shadow-none disabled:cursor-not-allowed'
+                    >
+                      {file.key === fileKeyForS3 && isDownloadUrlLoading ? 'Loading...' : 'Download'}
+                    </button>
+                  </div>
+                ))


The component is very complex, we should break it up.

sodic · 2025-02-19T10:35:16Z

+  'video/mp4',
+];
+
+export async function uploadFileWithProgress({ file, setUploadProgressPercent }: FileUploadProgress) {


Could this be a hook that handles everything?

sodic · 2025-02-19T10:35:40Z

+
+  const { uploadUrl, key } = await getUploadFileSignedURLFromS3({ fileType, userInfo });
+
+  return await context.entities.File.create({


Should we validate the payload?

Add code for review

9ccb7c2

sodic commented Feb 18, 2025

View reviewed changes

Remove blog for reviewing purposes

e0dac1c

sodic commented Feb 18, 2025

View reviewed changes

sodic commented Feb 19, 2025

View reviewed changes

Comment thread template/app/public/.gitkeep

Copy link
Copy Markdown

Collaborator Author

sodic Feb 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think we need this

sodic commented Feb 19, 2025

View reviewed changes

		const trigger = useRef<any>(null);
		const dropdown = useRef<any>(null);

		export const paymentsWebhook = paymentProcessor.webhook;
		export const paymentsMiddlewareConfigFn = paymentProcessor.webhookMiddlewareConfigFn;

		@@ -0,0 +1,8 @@
		export function requireNodeEnvVar(name: string): string {

		export const DocsUrl = 'https://docs.opensaas.sh';
		export const BlogUrl = 'https://docs.opensaas.sh/blog';

		const trigger = useRef<any>(null);
		const sidebar = useRef<any>(null);

		let userDelta = userCount;
		let paidUserDelta = paidUserCount;

		const [skip, setskip] = useState(0);
		const [page, setPage] = useState(1);

		const [email, setEmail] = useState<string \| undefined>(undefined);
		const [isAdminFilter, setIsAdminFilter] = useState<boolean \| undefined>(undefined);

		@@ -0,0 +1,47 @@
		import { type PageViewSource } from 'wasp/entities';

		const SourcesTable = ({ sources }: { sources: PageViewSource[] \| undefined }) => {


		const { uploadUrl, key } = await getUploadFileSignedURLFromS3({ fileType, userInfo });

		return await context.entities.File.create({

Uh oh!

Conversation

sodic commented Feb 17, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sodic left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sodic Feb 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sodic Feb 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sodic Feb 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

sodic Feb 19, 2025 •

edited

Loading

sodic Feb 19, 2025 •

edited

Loading

sodic Feb 19, 2025 •

edited

Loading